<!DOCTYPE html>
<html lang="en" xmlns:v-on="http://www.w3.org/1999/xhtml" xmlns:v-bind="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="UTF-8">
    <title>hello</title>
</head>
<body>

<div id="app">

    <heima43></heima43>
    <heima43></heima43>
    <heima43></heima43>
    <heima43></heima43>

</div>

<div id="haha">
    <heima43></heima43>
</div>

<script src="./node_modules/vue/dist/vue.js"></script>
<script type="text/javascript">
    //全局组件
    Vue.component("heima43",{
        template:
            `<div>
                    今天天气有点冷,温度{{tem}}℃

                    <button @click="tem++">点我升温</button>
             </div>`,
        data(){
            return{
                tem:"18"
            }
        }
    });


    var vm = new Vue({
        el:"#app"
    })
    let vm1 = new Vue({
        el:"#haha"
    })
</script>


</body>
</html>